<template>
	<view class="container">
		<view class="about_top">
			<view class="about_top_name">读道</view>
			<view class="about_top_num">版本1.0.0</view>
		</view>
		<view
		  class="list_cell m_t b_b"
		  @click="navTo('/pages/mine/info')"
		  hover-class="cell_hover"
		  :hover-stay-time="50"
		>
		  <text class="cell_tit">软件许可及用户协议</text>
		  <text class="cuIcon-right lg text-gray"></text>
		</view>
		<view
		  class="list_cell m_t b_b"
		  @click="navTo('/pages/mine/info')"
		  hover-class="cell_hover"
		  :hover-stay-time="50"
		>
		  <text class="cell_tit">读道隐私政策摘要</text>
		  <text class="cuIcon-right lg text-gray"></text>
		</view>
		<view
		  class="list_cell m_t b_b"
		  @click="navTo('/pages/mine/info')"
		  hover-class="cell_hover"
		  :hover-stay-time="50"
		>
		  <text class="cell_tit">读道隐私政策</text>
		  <text class="cuIcon-right lg text-gray"></text>
		</view>
		<view class="record_number">
			<view>赣ICP备2024030768号</view>
			<view>上饶市猴卫士网络科技有限公司</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		onLoad(){},
		method:{
			
		}
	}
</script>

<style lang="scss" scoped>
	page{
		background-color: #fff;
	}
	.about_top{
		text-align: center;
	}
	.about_top_name{
		font-size: 56rpx;
 	}
	.about_top_num{
		color: #797979;
	}
	.list_cell {
	  display: flex;
	  align-items: center;
	  padding: 0 20rpx;
	  line-height: 100rpx;
	  height: 100rpx;
	  position: relative;
	  background: #fff;
	  justify-content: center;
	  &.cell_hover {
	    background: #fafafa;
	  }
	  &.b_b:after {
	    left: 20rpx;
	  }
	  &.m_t {
	    margin-top: 20rpx;
	  }
	  .cell_more {
	    color: #f2f2f2;
	    font-size: 18rpx;
	    margin-left: 10rpx;
	  }
	  .cell_tit {
	    flex: 1;
	    font-size: 28rpx;
	    color: #2d2d2d;
	    margin-right: 10rpx;
	  }
	  .size_cache {
	    font-size: 28rpx;
	    color: red;
	  }
	}
	
	.record_number{
		position: fixed;
		bottom: 50rpx;
		left: 50%;
		transform: translate(-50%);
		text-align: center;
		color: #797979;
	}
</style>